<!DOCTYPE html>
<html class=" js-no-overflow-scrolling">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="cache-control" content="max-age=0" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<title>软件团团2022年度总结报告</title>
		<link rel="stylesheet" type="text/css" href="./H5FullscreenPage.css">
		<link rel="stylesheet" type="text/css" href="./page-animation.css">
		<style type="text/css">
			html,
			body {
				margin: 0;
				width: 100%;
				height: 100%;
				font-family: arial;
				text-align: center;
			}

			* {
				margin: 0;
				padding: 0;
			}

			ul {
				list-style: none;
			}

			.itembg {
				height: 100vh;
				transition: all 0.5s;
				filter: blur(2px);
			}

			.item1 {
				background: url(https://bcn.135editor.com/files/images/editor_styles/36566a36afc806c8e8a93eb74d88b0bb.png);
				background-size: 100% 100%;
			}

			.item2 {
				background-color: white;
			}

			.item3 {
				background-color: white;
			}

			.item4 {
				background-color: white;
			}

			.item5 {
				background-color: white;
			}

			.item6 {
				background-color: white;
			}

			.item7 {
				background-color: rgb(251, 246, 239);
			}

			.item8 {
				background-color: white;
			}

			.part:not(.itembg) {
				position: absolute;
			}

			.item1 .part1 {
				top: 45%;
				right: 25%;
				text-align: left;
				color: rgb(250, 208, 147);
			}

			.item1 .part2 {
				top: 12%;
				right: calc(50% - 90px);
				text-align: center;
				color: rgb(250, 208, 147);
			}

			.item1 .part3 {
				bottom: 20%;
				right: 25%;
				text-align: left;
				right: calc(50% - 60px);
				color: rgb(250, 208, 147);
			}

			.item1 .part4 {
				bottom: 10%;
				right: 25%;
				text-align: left;
				left: calc(50% - 85px);
				color: rgb(250, 208, 147);
			}


			.item2 .part1 {

				top: 12%;
				left: calc(50% - 85px);
				text-align: center;
				color: rgb(250, 208, 147);
			}

			.item2 .part2 {
				bottom: 12%;
				left: calc(50% - 96px);
				text-align: center;
				color: rgb(250, 208, 147);
			}


			.item3 .part1 {
				top: 12%;
				left: calc(50% - 159.5px);
				text-align: center;
				color: rgb(250, 208, 147);
			}

			.item3 .part2 {
				bottom: 10%;
				text-align: center;
				left: calc(50% - 87.5px);
				color: rgb(250, 208, 147);
			}

			.item4 .part1 {
				right: 10%;
				text-align: center;
				width: 40px;
				top: 15%;
				font-weight: bold;
				color: rgb(169, 13, 15);
			}

			.item4 .part2 {
				bottom: 8%;
				right: 23%;
				text-align: center;
				color: rgb(169, 13, 15);
				font-weight: bold;
				width: 20px;
			}

			.item5 .part1 {
				left: calc(50% - 75px);
				bottom: 20%;
				text-align: center;
				color: rgb(169, 13, 15);
			}

			.item5 .part2 {
				left: calc(50% - 90px);
				bottom: 15%;
				text-align: center;
				color: rgb(169, 13, 15);
			}

			.item5 .part3 {
				left: calc(50% - 85px);
				bottom: 10%;
				text-align: center;
				color: rgb(169, 13, 15);
			}

			.item6 .part1 {
				left: calc(50% - 105px);
				top: 20%;
				text-align: center;
				color: rgb(250, 208, 147);
			}

			.item6 .part2 {
				left: calc(50% - 87.5px);
				bottom: 10%;
				text-align: center;
				color: rgb(250, 208, 147);
			}

			.item7 .part1 {
				left: calc(50% - 124px);
				bottom: 20%;
				text-align: center;
				color: rgb(169, 13, 15);
			}

			.item7 .part2 {
				left: calc(50% - 112px);
				bottom: 10%;
				text-align: center;
				color: rgb(169, 13, 15);
			}

			.item8 .part1 {
				left: 0;
				top: 0;
				width: 90%;
				margin-left: 5%;
				top: 20px;
			}

			.item8 .part2 {
				width: 100%;
				height: 100%;
				background: rgb(148, 32, 40);
			}

			/*.item6 {
        background-image: url(7634.jpg);
        background-position: center;
    }*/
		</style>

	</head>
	<body class="H5FullscreenPage">
		<div class="H5FullscreenPage-wrap">
			<div class="item item1">
				<div class="part part2 fadeIn">
					<span style="font-size: 45px;">软件团团</span>
					<br>
					<span style="font-size: 75px;font-weight: bold">2022</span>
					<br>
					<span style="font-size: 30px;">年度总结报告</span>
				</div>
				<div class="part part1 slideRight" data-delay="1000">
					<span style="font-size: 30px;">回望<br>
						<span style="font-size: 45px;margin-left: 30px;">时光</span><br <span
							style="margin-left: 60px;">中的自己</span></span>
				</div>
				<div class="part part3 fadeIn" data-delay="2000">
					<span style="font-size: 20px;">下滑开启回忆</span>
				</div>
				<div class="part part4 fadeIn" data-delay="2000">
					<span style="font-size: 16px;">河南科技大学 | 软件传媒</span>
				</div>
			</div>


			<div class="item item2">
				<div style="background: url(https://pic.imgdb.cn/item/63a8824f08b6830163c08a00.jpg);background-size: auto 100%;background-position: 50%;"
					class="part itembg blurShow"></div>

				<div class="part part1 slideLeft" data-delay="1500">
					<span style="font-size: 30px;">目光所至<br>皆是拼搏的身影</span>
				</div>
				<div class="part part2 zoomIn" data-delay="2000">
					<span style="font-size: 35px;">软件学院<br>2022 运动会</span>
				</div>
			</div>


			<div class="item item3">
				<div style="background: url(https://pic.imgdb.cn/item/63a889a308b6830163c9262a.jpg);background-size: auto 100%;background-position: 50%;"
					class="part itembg blurShow"></div>
				<div class="part part1 slideUp"><img src="https://pic.imgdb.cn/item/63a88c5208b6830163cc26e9.png"></div>
				<div class="part part2 slideDown"><span style="font-size: 35px;">风雨七十载<br>奋进新时代</span></div>
			</div>


			<div class="item item4">
				<svg class="135svg" viewbox="0 0 1080 1920"
					style="box-sizing:border-box;max-width: 100% !important; width: 100%; background-image: url(https://bcn.135editor.com/files/images/editor_styles/b5bb5a40c559b0ce62267521a133dcb5.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%;height:100vh"
					data-width="100%">
					<g>
						<g>
							<g transform="translate(0 0)">
								<foreignobject x="35" y="0" width="100" height="1920">
									<svg class="135svg" data-bige="39522" viewbox="0 0 100 1920"
										style="box-sizing:border-box;max-width: 100% !important; width: 100%; background-image: url(https://bcn.135editor.com/files/images/editor_styles/39fb13f7a749f8873529becdb93c8c4b.png); background-repeat: repeat; background-position: 0 0; background-size: 100% 100%;"></svg>
								</foreignobject>
							</g>
							<g transform="translate(0 1920)">
								<foreignobject x="35" y="0" width="100" height="1920">
									<svg class="135svg" data-bige="39522" viewbox="0 0 100 1920"
										style="box-sizing:border-box;max-width: 100% !important; width: 100%; background-image: url(https://bcn.135editor.com/files/images/editor_styles/39fb13f7a749f8873529becdb93c8c4b.png); background-repeat: repeat; background-position: 0 0; background-size: 100% 100%;"></svg>
								</foreignobject>
							</g>
							<animatetransform attributename="transform" type="translate" values="0 0;0 -1920;"
								begin="0s" dur="12.2s" repeatcount="indefinite"></animatetransform>
						</g>
					</g>
					<g>
						<g>
							<g transform="translate(0 0)">
								<foreignobject x="158" y="0" width="100" height="1920">
									<svg class="135svg" data-bige="39523" viewbox="0 0 100 1920"
										style="box-sizing:border-box;max-width: 100% !important; width: 100%; background-image: url(https://bcn.135editor.com/files/images/editor_styles/0568fa28f9a7b49412f38a9e2a6b8030.png); background-repeat: repeat; background-position: 0 0; background-size: 100% 100%;"></svg>
								</foreignobject>
							</g>
							<g transform="translate(0 1920)">
								<foreignobject x="158" y="0" width="100" height="1920">
									<svg class="135svg" data-bige="39523" viewbox="0 0 100 1920"
										style="box-sizing:border-box;max-width: 100% !important; width: 100%; background-image: url(https://bcn.135editor.com/files/images/editor_styles/0568fa28f9a7b49412f38a9e2a6b8030.png); background-repeat: repeat; background-position: 0 0; background-size: 100% 100%;"></svg>
								</foreignobject>
							</g>
							<animatetransform attributename="transform" type="translate" values="0 0;0 -1920;"
								begin="0s" dur="10.4s" repeatcount="indefinite"></animatetransform>
						</g>
					</g>
					<g>
						<g>
							<g transform="translate(0 0)">
								<foreignobject x="286" y="0" width="100" height="1920">
									<svg class="135svg" data-bige="39524" viewbox="0 0 100 1920"
										style="box-sizing:border-box;max-width: 100% !important; width: 100%; background-image: url(https://bcn.135editor.com/files/images/editor_styles/4e2eff9f6b2969a714be5a51d1c5abf7.png); background-repeat: repeat; background-position: 0 0; background-size: 100% 100%;"></svg>
								</foreignobject>
							</g>
							<g transform="translate(0 1920)">
								<foreignobject x="286" y="0" width="100" height="1920">
									<svg class="135svg" data-bige="39524" viewbox="0 0 100 1920"
										style="box-sizing:border-box;max-width: 100% !important; width: 100%; background-image: url(https://bcn.135editor.com/files/images/editor_styles/4e2eff9f6b2969a714be5a51d1c5abf7.png); background-repeat: repeat; background-position: 0 0; background-size: 100% 100%;"></svg>
								</foreignobject>
							</g>
							<animatetransform attributename="transform" type="translate" values="0 0;0 -1920;"
								begin="0s" dur="11.3s" repeatcount="indefinite"></animatetransform>
						</g>
					</g>
					<g>
						<g>
							<g transform="translate(0 0)">
								<foreignobject x="412" y="0" width="100" height="1920">
									<svg class="135svg" data-bige="39525" viewbox="0 0 100 1920"
										style="box-sizing:border-box;max-width: 100% !important; width: 100%; background-image: url(https://bcn.135editor.com/files/images/editor_styles/5b2936d3a4ea76effeb1ee87ccd237b8.png); background-repeat: repeat; background-position: 0 0; background-size: 100% 100%;"></svg>
								</foreignobject>
							</g>
							<g transform="translate(0 1920)">
								<foreignobject x="412" y="0" width="100" height="1920">
									<svg class="135svg" data-bige="39525" viewbox="0 0 100 1920"
										style="box-sizing:border-box;max-width: 100% !important; width: 100%; background-image: url(https://bcn.135editor.com/files/images/editor_styles/5b2936d3a4ea76effeb1ee87ccd237b8.png); background-repeat: repeat; background-position: 0 0; background-size: 100% 100%;"></svg>
								</foreignobject>
							</g>
							<animatetransform attributename="transform" type="translate" values="0 0;0 -1920;"
								begin="0s" dur="11.9s" repeatcount="indefinite"></animatetransform>
						</g>
					</g>
					<g>
						<g>
							<g transform="translate(0 0)">
								<foreignobject x="535" y="0" width="100" height="1920">
									<svg class="135svg" data-bige="39526" viewbox="0 0 100 1920"
										style="box-sizing:border-box;max-width: 100% !important; width: 100%; background-image: url(https://bcn.135editor.com/files/images/editor_styles/03b291c2e363f5d3dcad3107ff0583ff.png); background-repeat: repeat; background-position: 0 0; background-size: 100% 100%;"></svg>
								</foreignobject>
							</g>
							<g transform="translate(0 1920)">
								<foreignobject x="535" y="0" width="100" height="1920">
									<svg class="135svg" data-bige="39526" viewbox="0 0 100 1920"
										style="box-sizing:border-box;max-width: 100% !important; width: 100%; background-image: url(https://bcn.135editor.com/files/images/editor_styles/03b291c2e363f5d3dcad3107ff0583ff.png); background-repeat: repeat; background-position: 0 0; background-size: 100% 100%;"></svg>
								</foreignobject>
							</g>
							<animatetransform attributename="transform" type="translate" values="0 0;0 -1920;"
								begin="0s" dur="11.6s" repeatcount="indefinite"></animatetransform>
						</g>
					</g>
				</svg>

				<div class="part part1 rollInRight">
					<span style="font-size: 35px;" class="part part1 slideRight"
						data-delay="1000">喜迎二十大<br>&nbsp;<br>奋斗正当时</span>

				</div>
				<div class="part part2 rollInRight">
					<span style="font-size: 20px;" class="part part2 slideRight"
						data-delay="1500">20<br>22 第二十次全国代表大会</span>
				</div>
			</div>
			<div class="item item5">
				<div style="background: url(https://pic.imgdb.cn/item/63a9417808b6830163920e27.jpg);background-size: auto 100%;background-position: 70%;"
					class="part itembg blurLiveShow"></div>

				<div class="part part1 rollInRight parallax"><span style="font-size: 30px;">今后的时光</span></div>
				<div class="part part2 rollInRight parallax"><span style="font-size: 30px;">我们共同见证</span></div>
				<div class="part part3 rollInRight parallax"><span style="font-size: 20px;">2022 新生入学报到</span></div>
			</div>
			<div class="item item6">
				<div style="background: url(https://pic.imgdb.cn/item/63a9484308b68301639d264a.jpg);background-size: auto 100%;background-position: 70%;"
					class="part itembg blurShow"></div>

				<div class="part part1 rollInRight parallax"><span style="font-size: 30px;">又是一年考研季</span></div>
				<div class="part part2 rollInRight parallax"><span style="font-size: 25px;">我们与你们同在</span></div>
			</div>
			<div class="item item7">
				<div class="part part1 rollInRight"></div>
				<div class="part part2 rollInLeft"></div>
				<svg class="svg-hide" viewBox="0 0 1080 1080">
					<g>
						<g>
							<g>
								<g transform="translate(-216 324)">
									<foreignObject x="0" y="0" width="432" height="432"><svg class="135svg"
											viewBox="0 0 432 432"
											style="background-image:url(https://pic.imgdb.cn/item/63a949a008b68301639f46ee.jpg); background-size:cover;"></svg>
									</foreignObject>
								</g>
								<animateTransform attributeName="transform" attributeType="XML" type="skewY"
									values="-10; -20; -20; 0; -0; 0; 0; 0; 0" dur="8s" begin="0s" calcMode="spline"
									keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
									keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
									repeatCount="indefinite"></animateTransform>
							</g>
							<animateTransform attributeName="transform" type="translate"
								values="0 38; 0 198; 0 198; 0 0; 0 0; 0 0; 0 0; 0 0; 0 0" begin="0s" dur="8s"
								calcMode="spline"
								keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
								keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1" repeatCount="indefinite">
							</animateTransform>
						</g>
						<g>
							<g>
								<g transform="translate(324 324)">
									<foreignObject x="0" y="0" width="432" height="432"><svg class="135svg"
											viewBox="0 0 432 432"
											style="background-image:url(https://pic.imgdb.cn/item/63a94a1108b68301639fec56.jpg); background-size:cover;"></svg>
									</foreignObject>
								</g>
								<animateTransform attributeName="transform" attributeType="XML" type="skewY"
									values="0; -10; -10; -20; -20; 0; 0; 0; 0" dur="8s" begin="0s" calcMode="spline"
									keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
									keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
									repeatCount="indefinite"></animateTransform>
							</g>
							<animateTransform attributeName="transform" type="translate"
								values="0 0; 0 133; 0 133; 0 396; 0 396; 0 0; 0 0; 0 0; 0 0" begin="0s" dur="8s"
								calcMode="spline"
								keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
								keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1" repeatCount="indefinite">
							</animateTransform>
						</g>
						<g>
							<g>
								<g transform="translate(864 324)">
									<foreignObject x="0" y="0" width="432" height="432"><svg class="135svg"
											viewBox="0 0 432 432"
											style="background-image:url(https://pic.imgdb.cn/item/63a94bb808b6830163a29c02.jpg); background-size:cover;"></svg>
									</foreignObject>
								</g>
								<animateTransform attributeName="transform" attributeType="XML" type="skewY"
									values="10; 0; 0; -10; -10; -20; -20; 0; 0" dur="8s" begin="0s" calcMode="spline"
									keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
									keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
									repeatCount="indefinite"></animateTransform>
							</g>
							<animateTransform attributeName="transform" type="translate"
								values="0 -152; 0 0; 0 0; 0 228; 0 228; 0 594; 0 594; 0 0; 0 0" begin="0s" dur="8s"
								calcMode="spline"
								keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
								keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1" repeatCount="indefinite">
							</animateTransform>
						</g>
						<g>
							<g>
								<g transform="translate(1404 324)">
									<foreignObject x="0" y="0" width="432" height="432"><svg class="135svg"
											viewBox="0 0 432 432"
											style="background-image:url(https://pic.imgdb.cn/item/63a94c3f08b6830163a37404.jpg); background-size:cover;"></svg>
									</foreignObject>
								</g>
								<animateTransform attributeName="transform" attributeType="XML" type="skewY"
									values="20; 10; 10; 0; 0; -10; -10; -20; -20" dur="8s" begin="0s" calcMode="spline"
									keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
									keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
									repeatCount="indefinite"></animateTransform>
							</g>
							<animateTransform attributeName="transform" type="translate"
								values="0 -393; 0 -247; 0 -247; 0 0; 0 0; 0 324; 0 324; 0 792; 0 792" begin="0s"
								dur="8s" calcMode="spline"
								keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
								keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1" repeatCount="indefinite">
							</animateTransform>
						</g>
						<g>
							<g>
								<g transform="translate(1944 324)">
									<foreignObject x="0" y="0" width="432" height="432"><svg class="135svg"
											viewBox="0 0 432 432"
											style="background-image:url(https://pic.imgdb.cn/item/63a949a008b68301639f46ee.jpg); background-size:cover;"></svg>
									</foreignObject>
								</g>
								<animateTransform attributeName="transform" attributeType="XML" type="skewY"
									values="0; 20; 20; 10; 10; 0; 0; -10; -10" dur="8s" begin="0s" calcMode="spline"
									keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
									keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
									repeatCount="indefinite"></animateTransform>
							</g>
							<animateTransform attributeName="transform" type="translate"
								values="0 0; 0 -590; 0 -590; 0 -343; 0 -343; 0 0; 0 0; 0 419; 0 419" begin="0s" dur="8s"
								calcMode="spline"
								keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
								keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1" repeatCount="indefinite">
							</animateTransform>
						</g>
						<g>
							<g>
								<g transform="translate(2484 324)">
									<foreignObject x="0" y="0" width="432" height="432"><svg class="135svg"
											viewBox="0 0 432 432"
											style="background-image:url(https://pic.imgdb.cn/item/63a94a1108b68301639fec56.jpg); background-size:cover;"></svg>
									</foreignObject>
								</g>
								<animateTransform attributeName="transform" attributeType="XML" type="skewY"
									values="0; 0; 0; 20; 20; 10; 10; 0; 0" dur="8s" begin="0s" calcMode="spline"
									keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
									keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
									repeatCount="indefinite"></animateTransform>
							</g>
							<animateTransform attributeName="transform" type="translate"
								values="0 0; 0 0; 0 0; 0 -786; 0 -786; 0 -438; 0 -438; 0 0; 0 0" begin="0s" dur="8s"
								calcMode="spline"
								keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
								keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1" repeatCount="indefinite">
							</animateTransform>
						</g>
						<g>
							<g>
								<g transform="translate(3024 324)">
									<foreignObject x="0" y="0" width="432" height="432"><svg class="135svg"
											viewBox="0 0 432 432"
											style="background-image:url(https://pic.imgdb.cn/item/63a94bb808b6830163a29c02.jpg); background-size:cover;"></svg>
									</foreignObject>
								</g>
								<animateTransform attributeName="transform" attributeType="XML" type="skewY"
									values="0; 0; 0; 0; 0; 20; 20; 10; 10" dur="8s" begin="0s" calcMode="spline"
									keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
									keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
									repeatCount="indefinite"></animateTransform>
							</g>
							<animateTransform attributeName="transform" type="translate"
								values="0 0; 0 0; 0 0; 0 0; 0 0; 0 -983; 0 -983; 0 -533; 0 -533" begin="0s" dur="8s"
								calcMode="spline"
								keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
								keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1" repeatCount="indefinite">
							</animateTransform>
						</g>
						<animateTransform attributeName="transform" type="translate" begin="0s" dur="8s"
							values="0 0; -540 0; -540 0; -1080 0; -1080 0; -1620 0; -1620 0; -2160 0; -2160 0;"
							calcMode="spline"
							keySplines="0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0; 0.42 0 0.58 1.0"
							keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1" repeatCount="indefinite">
						</animateTransform>
					</g>
				</svg>
				<div class="part part1 rollInRight parallax"><span style="font-size: 30px;">同舟共济 守望相助</span></div>
				<div class="part part2 rollInRight parallax"><span style="font-size: 25px;">守护同学们一路向前</span></div>
			</div>
			<div class="item item8">
				<!-- <div class="part part2" onclick="$(this).css('rollInRight')">点击开启</div> -->
				<img src="last.png" class="part1">
			</div>
		</div>
		<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
		<script type="text/javascript" src="H5FullscreenPage.js"></script>
		<script type="text/javascript">
			H5FullscreenPage.init({
				'type': 2,
				'pageShow': function(dom) {

				},
				'pageHide': function(dom) {
					//console.log(dom);
				}
			});
		</script>
	</body>
</html>
